<template>
  <div>
    <search-form params="acl" :updateData="updateData"></search-form>
    <data-form :titles="titles" :isChanged="isChanged" class="dataform"></data-form>
    <data-view :isChanged="isChanged" class="dataform"></data-view>
    <data-analyse></data-analyse>

  </div>
</template>

<script>
import SearchForm from '@/components/SearchForm.vue'
import DataForm from '@/components/DataForm.vue'
import DataView from '@/components/DataView.vue'
import DataAnalyse from '@/components/DataAnalyse.vue'
export default {
  name: 'ACL',
  components: { SearchForm, DataForm, DataAnalyse, DataView },
  data() {
    return {
      isChanged: true,
      titles: [
        {
          prop: 'date',
          label: '日期'
        },
        {
          prop: 'time',
          label: '时间'
        },
        {
          prop: 'r0',
          label: '大气相干长度'
        }
      ],
    }
  },
  methods: {
    updateData() {
      this.isChanged = !this.isChanged
    },
  },
}
</script>

<style>
.dataform {
  display: inline-block;
  width: 50%;
}
</style>